import './XcList.scss'
import React, { Component,lazy} from 'react'
export default class XcList extends Component<any,any>{
    constructor(props:any){
        super(props)
    }
    render(){
        return(
            <div className="xcPer bgf">
                <img src={require('~/images/xcper.jpg')} alt="" className="left"/>
                <div className="perRight">
                    <div className="per1">SpringCloudNetflix 源码解读与原理分析</div>
                    <div className="per2">继SpringBoot原理分析之后的又一力作，从熟悉的场景逐步深入源码底层，理解SpringCloudNetflix中组件的设计和原理。</div>
                    <div className="per3">
                        <img src={require('~/images/img.jpg')} alt="" className="oneImg"/>
                        <span className="one">LinkedBear</span>
                        <img src={require('~/images/lv-4.svg')} alt="" className="twoImg"/>
                        <span className="two">LinkedBear，《SpringBoot源码解读与原理分析》作者，前浪潮集团Java工程师。</span>
                    </div>
                    <div className="per4">
                        <span className="per4-1">￥67.00</span>
                        <span className="per4-2 dot">30小节</span>
                        <span className="per4-3 dot">阅读时长791分30秒</span>
                        <span className="per4-4">7890人已购买</span>
                    </div>
                </div>
            </div>
        )
    }
}